<template>
  <el-container>
    <el-main class="nopadding">
      <el-table ref="table" :data="list" row-key="id" stripe border>
        <el-table-column label="源单编号" prop="ordersCode" min-width="150">
        </el-table-column>
        <el-table-column label="类型" prop="type" min-width="150">
          <template #default="scope">
            <p v-if="scope.row.type == 1">外发</p>
            <p v-if="scope.row.type == 2">采购</p>
          </template>
        </el-table-column>
        <el-table-column label="应付总金额" prop="vendorMoney" min-width="150">
        </el-table-column>
        <el-table-column label="已付金额" prop="paymentMoney" min-width="150">
        </el-table-column>
        <!-- 这次应付款金额 -->
        <el-table-column label="应付金额" min-width="150">
          <template #default="scope">
            <p>{{ scope.row.vendorMoney - scope.row.paymentMoney }}</p>
          </template>
        </el-table-column>
        <el-table-column label="本次付款金额" prop="money" width="300">
        </el-table-column>
      </el-table>
    </el-main>
  </el-container>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      required: true,
      default: () => [],
    },
  },

  data () {
    return {}
  },
  mounted () {
  },
  methods: {

  }
};
</script>
<style></style>
